﻿@charset "utf-8";
/**CSS Reset**/
body, div, span, h1, h2, h3, h4, h5, h6, header, footer, section, article, aside, details, figcaption, figure, hgroup, nav, menu, address, time, canvas, audio, video, p, pre, sup, sub, ul, ol, li, dl, dt, dd, form, input, button, textarea, select, iframe, img, a { padding: 0; margin: 0; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
header, footer, section, article, aside, details, figcaption, figure, hgroup, nav, menu { display: block; }
html, body { font-size: 16px; }
body { background-color: #f3f4f6; color: #333; font: 14px/1.5 "Microsoft Yahei", Tahoma, Arial, Roboto, "Droid Sans", "Helvetica Neue", "Droid Sans Fallback", "Heiti SC", sans-self; }
h1, h2, h3, h4, h5, h6 { font-size: 1.2rem; font-weight: normal; }
ul, ol { list-style-type: none; }
table { border-spacing: 0; border-collapse: collapse; }
th, td { word-wrap: break-word; }
sup, sub { position: absolute; text-align: center; vertical-align: baseline; }
sup { top: -.5rem; }
sub { bottom: -.5rem; }
strong, b { font-weight: normal; }
i, em, address { font-style: normal; }
img { border: none; vertical-align: top; }
a { color: #333; }
a:link, a:visited, a:hover, a:active { text-decoration: none; color: #333; outline: none; }
/*表单*/
label { vertical-align: top; }
button, input, select, textarea { font: .9rem "Microsoft Yahei"; color: #333; outline: none; -webkit-appearance: none; -moz-appearance: none; appearance: none; }
input[type="text"], input[type="email"], input[type="password"], input[type="tel"], input[type="number"], input[type="search"], input[type="url"], input[type="datetime"], input[type="date"], input[type="month"], input[type="week"], input[type="time"] { padding: .25rem .5em; border: none; }
input[type="text"]:read-only, input[type="text"]:disabled, input[type="email"]:read-only, input[type="email"]:disabled, input[type="password"]:read-only, input[type="password"]:disabled, input[type="tel"]:read-only, input[type="tel"]:disabled, input[type="number"]:read-only, input[type="number"]:disabled, input[type="search"]:read-only, input[type="search"]:disabled, input[type="url"]:read-only, input[type="url"]:disabled, input[type="datetime"]:read-only, input[type="datetime"]:disabled, input[type="date"]:read-only, input[type="date"]:disabled, input[type="month"]:read-only, input[type="month"]:disabled, input[type="week"]:read-only, input[type="week"]:disabled, input[type="time"]:read-only, input[type="time"]:disabled { color: #999; }
input[type="button"], input[type="submit"], input[type="reset"] { border-radius: 0; }
input[type="button"]:disabled, input[type="submit"]:disabled, input[type="reset"]:disabled { background-color: #c1c1c1; color: #fff; }
textarea { overflow-y: hidden; resize: none; }
::-webkit-input-placeholder { color: #999; }
:-moz-placeholder { color: #999; }
::-moz-placeholder { color: #999; }
:-ms-input-placeholder { color: #999; }

/**弹性盒子模型**/
.flex-box { display: -webkit-box; display: -webkit-flex; display: flex; }
.flex-center { -webkit-box-align: center; -webkit-align-items: center; align-items: center; }
.flex-vercenter { -webkit-box-pack: center; -webkit-justify-content: center; justify-content: center; }
.flex-item-1 { -webkit-box-flex: 1; -webkit-flex: 1; flex: 1; width: 0%; }
.flex-item-2 { -webkit-box-flex: 2; -webkit-flex: 2; flex: 2; width: 0%; }
.flex-item-3 { -webkit-box-flex: 3; -webkit-flex: 3; flex: 3; width: 0%; }
/**盒子模型**/
/*显示*/
.db { display: block; }
.di { display: inline; }
.din { display: inline-block; }
.dn { display: none; }
/*浮动*/
.fl { float: left; display: inline; }
.fr { float: right; display: inline; }
/*清除浮动*/
.clearfix:after { clear: both; display: block; height: 0; content: ""; }
/*边框*/
.border-gray { border: 1px solid #e1e1e1; }
/*圆角*/
/*圆*/
.round { border-radius: 50%; }
/*溢出*/
.oh { overflow: hidden; }

/**背景颜色**/
.background-fff { background-color: #fff; }

/**文字**/
/*颜色*/
.color-main { color: #8d2037; }/*主色（深红色）*/
.color-orange { color: #f96331; }/*橙色*/
.color-yellow { color: #fcd418; }/*黄色*/
.color-green { color: #4bbd1f; }/*绿色*/
.color-gray { color: #999; }/*常规灰色*/
.color-dark-gray { color: #666; }/*深灰色*/
/*文字溢出显示省略号*/
.toe { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
/**表单**/
/*模拟单选按钮*/
.analog-radio i { position: relative; display: inline-block; width: 16px; height: 16px; border: 1px solid #8d2037; border-radius: 50%; margin-right: .5rem; margin-bottom: .2rem; vertical-align: middle; }
.analog-radio i.checked:after { position: absolute; top: 4px; left: 4px; display: inline-block; width: 8px; height: 8px; content: ""; border-radius: 50%; background-color: #8d2037; }
/*模拟选择框*/
.analog-select { position: relative; }
.analog-select dd { display: none; position: absolute; left: 0; z-index: 12; }

/**顶部**/
.header { position: fixed; top: 0; right: 0; left: 0; z-index: 10; height: 2.78rem; background-color: #fff; }
.header h1 { padding-top: .79rem; padding-bottom: .79rem; text-align: center; font-size: 1rem; line-height: 1.2rem; }
.header h1:before { display: inline-block; width: 1rem; height: 1.2rem; content: ""; margin-right: .4rem; margin-bottom: .2rem; background: url(../img/public/nav-home-active.png) no-repeat center; background-size: 1rem; vertical-align: middle; }
.back { background: url(../img/public/blank-back.png) no-repeat center; }
.search-back { background: url(../img/public/white-back.png) no-repeat center; }
.back,
.search-back { position: absolute; top: 0; left: 0; display: block; width: 2.78rem; height: 2.78rem; background-size: .7rem; }
a.header-text-link,
a.header-search-link { position: absolute; top: 0; right: 0; display: block; padding-right: 1rem; padding-left: 1rem; height: 2.78rem; text-align: center; line-height: 2.78rem; font-size: 1rem; }
a.header-text-link { color: #8d2037; }
a.header-search-link { color: #fff; }
.header-menu { position: absolute; top: 0; right: 0; width: 2.78rem; height: 2.78rem; }
.three-bars { display: block; width: 2.78rem; height: 2.78rem; background: url(../img/public/three-bars.png) no-repeat 50%; background-size: 1.2rem; }
.header-menu dd { display: none; position: absolute; top: 100%; right: .9rem; z-index: 11; width: 5rem; }
.header-menu dd:before { display: block; width: 0; height: 0; content: ""; border-left: .3rem solid transparent; border-right: .3rem solid transparent; border-bottom: .6rem solid #fff; margin-left: 4rem; }
.header-menu dd a { display: block; padding-left: 2.4rem; border-top: 1px solid #e6e6e6; background-color: #fff; line-height: 2rem; }
.header-menu dd a:first-child { border-top: none; }
.three-bars-share { background: url(../img/public/share.png) no-repeat .9rem 50%; background-size: 1rem; border-top-left-radius: .4rem; border-top-right-radius: .4rem; }
.three-bars-collect { background: url(../img/public/red-heart.png) no-repeat .9rem 50%; background-size: 1rem; border-bottom-left-radius: .4rem; border-bottom-right-radius: .4rem; }

/**底部**/
/*导航*/
.nav { position: fixed; right: 0; bottom: 0; left: 0; z-index: 10; border-top: 1px solid #dcdcdc; background-color: #fff; }
.nav li a { display: block; padding-top: 1.5rem; text-align: center; font-size: .8rem; color: #6b7782; }
.nav li.active a { color: #8d2037; }
.nav li a.nav-home { background: url(../img/public/nav-home.png) no-repeat 50% .3rem; background-size: 1rem; }
.nav li.active a.nav-home { background-image: url(../img/public/nav-home-active.png); }
.nav li a.nav-course { background: url(../img/public/nav-course.png) no-repeat 50% .3rem; background-size: 1rem; }
.nav li.active a.nav-course { background-image: url(../img/public/nav-course-active.png); }
.nav li a.nav-mine { background: url(../img/public/nav-mine.png) no-repeat 50% .2rem; background-size: 1rem; }
.nav li.active a.nav-mine { background-image: url(../img/public/nav-mine-active.png); }
/*按钮*/
.footer-btns { position: fixed; right: 0; bottom: 0; left: 0; z-index: 10; }
.footer-full-btn { width: 100%; height: 2.78rem; border: none; background-color: #8d2037; color: #fff; }

/*主体*/
.contains { padding-top: 2.78rem; }
.home-contains { padding-top: 2.78rem; padding-bottom: 2.78rem; }

/*五角星*/
.star i { display: inline-block; width: 1rem; height: .94rem; background: url(../img/public/star.png) no-repeat 50% -.94rem; background-size: 1rem; vertical-align: middle; }
.star i.light { background-position: 50% 0; }

/**弹窗**/
/*未登录提示*/
.not-logged-tip { display: none; position: fixed; right: 2rem; left: 2rem; top: 50%; z-index: 20; padding: 15px; margin-top: -100px; border-radius: .9rem; background-color: #fff; text-align: center; }
.not-logged-tip h2 { padding-top: 40px; padding-bottom: 50px; font-size: 16px; }
.not-logged-tip ul li { padding-right: 5px; padding-left: 5px; }
.not-logged-tip ul li a { display: block; border: 1px solid #8d2037; border-radius: .3rem; font-size: 16px; line-height: 46px; }
.not-logged-tip ul li a.no-login { color: #8d2037; }
.not-logged-tip ul li a.go-login { background-color: #8d2037; color: #fff; }

/*分享*/
.share-pop { position: fixed; right: 0; bottom: -50%; left: 0; z-index: 20; background-color: #fff; }
.share-pop h2 { border-bottom: 1px solid #e6e6e6; text-align: center; font-size: 1.2rem; line-height: 2.78rem; }
.share-medium li a { display: block; padding-top: 4rem; padding-bottom: 1rem; text-align: center; }
.share-circle a { background: url(../img/public/circle.png) no-repeat 50% .8rem; background-size: 3rem; }
.share-wechat a { background: url(../img/public/WeChat.png) no-repeat 50% .8rem; background-size: 3rem; }
.share-qq a { background: url(../img/public/qq.png) no-repeat 50% .8rem; background-size: 3rem; }
.share-qzone a { background: url(../img/public/Qzone.png) no-repeat 50% .8rem; background-size: 3rem; }
.share-weibo a { background: url(../img/public/weibo.png) no-repeat 50% .8rem; background-size: 3rem; }
.share-footer input { width: 100%; height: 2.78rem; border: none; background-color: #a9a9a9; font-size: 1.2rem; color: #fff; }

/*弹窗遮罩层*/
.mask { display: none; position: fixed; top: 0; right: 0; bottom: 0; left: 0; z-index: 19; background-color: rgba(0,0,0,.4); }
